<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>酷派商城</title>
<link rel="stylesheet" href="style/style.css" />
<link rel="stylesheet" href="iconfont/iconfont.css" />
</head>

<body>
	<!-- top开始 -->
	<div id="top">
		<div class="top">
			<div class="top_left">
				<a class="top-left "href="">酷友社区</a>
				<div class="top-left xian"></div>
				<a class="top-left"href="">酷云</a>
				<div class="top-left xian"></div>
				<div class="weixin">
					<a class="top-left  weixin1"href="">酷派官方微信</a>
					<div class="weixin2"></div>	
				</div>
			</div>
			<div class="top_right">
				<a href="" class="top-right">登录</a>
				<a href="" class="top-right">注册</a>
				<a href="" class="top-right">忘记密码?</a>
			</div>
		</div>
	</div>
	<!-- top结束 -->
	<!-- head开始 -->
	<div id="head">
		<a href="" class="head-left"></a>
		<div class="head-center">
			<div class="text-left"></div>
			<input type="text" class="center-text" value="锋尚Max" />
			<div class="button">
				<input type="button" class="search-button"/>
			</div>
		</div>
		<div class="head-right">
			<a href="" class="right iconfont address">&#xe613;</a>
			<a href="" class="right iconfont collect">&#xe617;</a>
			<div class="car">
				<a class="right iconfont cart" href="">&#xe60b;</a>
				<div class="car-hide">购物车中还没有商品，赶紧选购吧！</div>
			</div>
		</div>
	</div>
	<!-- head结束 -->
	<!-- banner开始 -->
	<div id="banner">
		<ul class="banner">
			<li>
				<a href="" class="banner1">商品分类</a>
				<div class="banner-hide">
					<ul class="down">
						<li>
							<a class="list" href="">锋尚MAX</a>
							<div class="list-down">
								<a class="list1-1" href=""></a>
								<a class="list1-2" href=""></a>
								<a class="list1-3" href=""></a>
								<a class="list1-4" href=""></a>
							</div>
						</li>
						<li>
							<a class="list" href="">锋尚Air</a>
							<div class="list-down">
								<a class="list2-1" href=""></a>
								<a class="list2-2" href=""></a>
							</div>
						</li>
						<li>
							<a class="list" href="">酷派全魔王</a>
							<div class="list-down">
								<a class="list3-1" href=""></a>
								<a class="list3-2" href=""></a>
							</div>
						</li>
						<li>
							<a class="list" href="">锋尚2</a>
							<div class="list-down">
								<a class="list4-1" href=""></a>
								<a class="list4-2" href=""></a>
							</div>
						</li>
						<li>
							<a class="list" href="">锋尚Pro</a>
							<div class="list-down">
								<a class="list5-1" href=""></a>
								<a class="list5-2" href=""></a>
								<a class="list5-3" href=""></a>
								<a class="list5-4" href=""></a>
								<a class="list5-5" href=""></a>
							</div>
						</li>
						<li>
							<a class="list" href="">保护配件类</a>
							<div class="list-down">
								<a class="list6-1" href=""></a>
								<a class="list6-2" href=""></a>
								<a class="list6-3" href=""></a>
								<a class="list6-4" href=""></a>
								<a class="list6-5" href=""></a>
							</div>
						</li>
						<li>
							<a class="list" href="">能源类</a>
							<div class="list-down">
								<a class="list7-1" href=""></a>
								<a class="list7-2" href=""></a>
								<a class="list7-3" href=""></a>
								<a class="list7-4" href=""></a>
								<a class="list7-5" href=""></a>
							</div>
						</li>
						<li>
							<a class="list" href="">个性化配件</a>
							<div class="list-down">
								<a class="list8-1" href=""></a>
								<a class="list8-2" href=""></a>
								<a class="list8-3" href=""></a>
								<a class="list8-4" href=""></a>
							</div>
						</li>
					</ul>
				</div>
			</li>	
			<li>
				<a href="" class="banner2">锋尚MAX
					<div class="hot1"></div>
				</a>

			</li>
			<li>	
				<a href="" class="banner2">锋尚pro直降500
					<div class="hot2"></div>
				</a>
			</li>
			<li>
				<a href="" class="banner2">全魔王</a>
			</li>
			<li>
				<a href="" class="banner2">售后服务</a>
			</li>
		</ul>
	</div>
	<!-- banner结束 -->
	<!-- center开始 -->
	<div id="lb">
		<a  id="lb" href=""></a>
	</div>
	<div id="littler">
		<a href="" class="litter1 lit"></a>
		<a href="" class="litter2 lit"></a>
		<a href="" class="litter3 lit"></a>
		<a href="" class="litter4 lit"></a>
	</div>
	<div id="new">
		<a href="" class="new1"></a>
		<a href="" class="new2"></a>
	</div>
	<!-- center结束 -->
	<!-- shop开始 -->
	<div id="shop">
		<h2 class="name">畅销商品  hot items</h2>
		<div class="hotShop">
			<a href="" class="hotSh">
				<img src="images/11436.jpg" width="300" height="300"/>
				<p class="num1">锋尚MAX玫瑰金</p>
				<p class="num2">2799元</p>
			</a>
			<a href="" class="hotSh">
				<img src="images/11685.jpg" width="300" height="300"/>
				<p class="num1">锋尚pro电信版</p>
				<p class="num2">1099元</p>
			</a>
			<a href="" class="hotSh">
				<img src="images/11436(1).jpg" width="300" height="300"/>
				<p class="num1">锋尚MAX高配版</p>
				<p class="num2">2799元</p>
			</a>
			<a href="" class="hotSh sh">
				<img src="images/10566.jpg" width="300" height="300"/>
				<p class="num1">锋尚电信版</p>
				<p class="num2">899元</p>
			</a>
		</div>
		<h2 class="name">精美配件 cool stuffs</h2>
		<div class="shop-center">
			<div class="center-left">
				<div class="center-top">
					<a href="" class="center-top-left">
						<p class="num3">酷派智能手环（柠檬黄）</p>
						<p class="num4">499元</p>
					</a>
					<a href="" class="center-top-right">
						<img src="images/11611.jpg" alt=""  />
						<p class="num1">锋尚MAX皮套</p>
						<p class="num2">128元</p>
					</a>
				</div>
				<div class="center-center">
					<a href="" class="center-c">
						<img src="images/10639.jpg" alt=""/>
						<p class="num1">酷派C82淳音时尚耳机</p>
						<p class="num2">168元</p>
					</a>
					<a href="" class="center-c le">
						<img src="images/10579.jpg" alt=""  />
						<p class="num1">酷派商务蓝牙耳机</p>
						<p class="num2">68元</p>
					</a>
					<a href="" class="center-c le">
						<img src="images/11582.jpg" alt="" width="300" height="250" />
						<p class="num1">酷派QC2.0快充移动电源10000毫安</p>
						<p class="num2">149元</p>
					</a>
				</div>
				<div class="center-bottom">
					<a href="" class="center-b">
						<img src="images/11275.jpg" alt=""/>
						<p class="num1"> 酷派QC2.0单口快速充电器（5V/9V） </p>
						<p class="num2">59元</p>
					</a>
					<a href="" class="center-b le">
						<img src="images/11275(1).jpg" alt=""  />
						<p class="num1">酷派移动电源5200mah（银色）</p>
						<p class="num2">59元</p>
					</a>
					<a href="" class="center-b le">
						<img src="images/11025.jpg" alt="" />
						<p class="num1">酷派小Q智能定位可通话手表</p>
						<p class="num2">499元</p>
					</a>
				</div>
			</div>
			<div class="center-right">
				<p class="icon iconfont">&#xe62b;配件畅销排行榜</p>
				<ul>
					<li class="hot-top top1">
						<div class="HT">1</div>
						<a href="">酷派C61金属耳机
						<p>￥69</p>
						</a>
					</li>
					<li class="hot-top top2">
						<div class="HT">2</div>
						<a href="">酷派1A充电器
						<p>￥19</p>
						</a>
					</li>
					<li class="hot-top top3">
						<div class="HT">3</div>
						<a href="">酷派2A数据线
						<p>￥13</p>
						</a>
					</li>
					<li class="hot-top top4">
						<div>4</div>
						<a href="">酷派2A充电器
						<p>￥29</p>
						</a>
					</li>
					<li class="hot-top top5">
						<div>5</div>
						<a href="">酷派2A双口旅充
						<p>￥39</p>
						</a>
					</li>
					<li class="hot-top top6">
						<div>6</div>
						<a href="">酷派1A数据线
						<p>￥10</p>
						</a>
					</li>
					<li class="hot-top top7">
						<div>7</div>
						<a href="">K1原装电池
						<p>￥49</p>
						</a>
					</li>
					<li class="hot-top top8">
						<div>8</div>
						<a href="">酷派QC2.0快充车载充电器
						<p>￥69</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<h2 class="name">特价商品  cool promo</h2>
		<div class="shop-bottom">
			<a href="" class="hotSh">
				<img src="images/11276.jpg" width="300" height="300"/>
				<p class="num1">铂顿/大观5原装电池</p>
				<p class="num2">69元</p>
			</a>
			<a href="" class="hotSh">
				<img src="images/10732.jpg" width="300" height="300"/>
				<p class="num1">酷派7295电池</p>
				<p class="num2">49元</p>
			</a>
			<a href="" class="hotSh">
				<img src="images/10635.jpg" width="300" height="300"/>
				<p class="num1">酷派彩虹耳机（白色）</p>
				<p class="num2">19元</p>
			</a>
			<a href="" class="hotSh sh">
				<img src="images/11105.jpg" width="300" height="300"/>
				<p class="num1">酷派LED灯多彩数据线</p>
				<p class="num2">29元</p>
			</a>
		</div>
	</div>
	<!-- shop结束 -->
	<!-- foot开始 -->
	<div id="foot">
		<div class="foot-top">
				<a href="" class="f-t-ic icon1">
					 <p class="p1">7天</p>
					 <p class="p2">退货保障</p>
				</a>
				<a href="" class="f-t-ic icon2">
					<p class="p1">15天</p>
					<p class="p2">换货保障</p>
				</a>
				<a href="" class="f-t-ic icon3">
					<p class="p1">100元</p>
					<p class="p2">起免邮费</p>
				</a>
				<a href="" class="f-t-ic icon4">
					<p class="p1">835个</p>
					<p class="p2">售后网点全国联保</p>
				</a>
		</div>
		<div class="foot-center">
			<div class="f-c-left">
				<ul>购物指南
					<li>购物流程</li>
					<li>优惠券</li>
					<li>常见问题</li>
				</ul>
				<ul>关于支付
					<li>支付方式</li>
					<li>关于发票</li>
				</ul>
				<ul>配送说明
					<li>配送方式</li>
					<li>签收说明</li>
				</ul>
				<ul>售后服务
					<li>售后政策</li>
				</ul>
				<ul>关于我们
					<li>客服微博</li>
					<li>联系我们</li>
					<li class="">
						<a href="" class="sina"></a>
					</li>
					<li class="w-x">
						<a href="" class="wx"></a>
						<div class="wx-hide"></div>
					</li>

				</ul>
			</div>
			<div class="f-c-right">
				<div class="f-c-r">售后热线：4000111388</div>
				<div class="f-c-r">顺丰热线：95338</div>
				<a href=""></a>
			</div>
		</div>
		<div class="foot-bottom">
			<div class="f-b"><a href="">首页</a> | <a href="">酷云</a> | <a href="">联系我们</a> </div><br />
			<div>公司名称：宇龙计算机通信科技（深圳）有限公司   公司地址：广东省深圳市南山区高新技术工业园酷派信息港   联系电话：0755-83301199  备案证号：粤ICP备15075056号</div>
		</div>
	</div>
	<!-- foot结束 -->
</body>
</html>
